<template>
    <span class="help-par-span">
        <van-image 
        round 
        lazy-load 
        :src="img"
        :height="iconHeight"
        :width="iconWidth"
        :isLazy="isLazy"
        class="help-par-icon user-info-icon" />{{text}}
    </span>
</template>

<script>
// 自定义组件
import ImageVant from '_components/project/common/ImageVant'

// 自定义方法
import { getProImg } from "_projectFn/images"

// 本地图片
import parHelpRedIcon from "_assets/img/par-help-red-icon.svg"

export default {
    name: 'HelpEarchIcon',
    props: {
        text: {
            type: String,
            default: '互助'
        },
        img: {
            default: getProImg("par-help-red-icon.svg", parHelpRedIcon)
        },
        iconWidth: {
            type: Number,
            default: 15,
        },
        iconHeight: {
            type: Number,
            default: 15,
        },
        isLazy: {
            type: Boolean,
            default: true,
        }
    },
    components: {
        ImageVant,
    }
}
</script>

<style lang="scss" scoped>
.help-par-span {
    color: red;

    .help-par-icon {
        margin-right: 2px;
        position: relative;
        top: 2px;
    }
}
</style>